<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Farsi Keyboard</title>
	<style type="text/css">
	body{
		background-color:white;
		color:black;
		direction:rtl;
		text-align:center;
	}
	div.content{
		background-color:transparent;		
		border:1px solid black;
		width:296px;
		height:65px;
		text-align:right;
		padding-left:10px;
		padding-right:10px;
		direction:rtl;
		overflow:auto;
		font-size:large;
	}
	div.about{
		z-index:-1;
		font-size:xx-large;
		color:#DDDDDD;
		text-align:center;
		vertical-align:middle;
		position:absolute;
		left:10px;
		right:10px;
		top:27px;
		bottom:10px;
		font-weight:bold;
	}
	input.letter{
		background-color:lightgray;
		border:1px solid black;
		width:20px;
		height:20px;
	}
	input.backspace{
		background-color:lightgray;
		border:1px solid black;
		width:50px;
		height:20px;
	}
	input.tab{
		background-color:lightgray;
		border:1px solid black;
		width:50px;
		height:20px;
	}
	input.enter{
		background-color:lightgray;
		border:1px solid black;
		width:50px;
		height:20px;
	}
	input.shift_l{
		background-color:lightgray;
		border:1px solid black;
		width:50px;
		height:20px;
	}
	input.shift_l_pressed{
		background-color:black;
		border:1px solid black;
		color:white;
		width:50px;
		height:20px;
	}
	input.shift_r{
		background-color:lightgray;
		border:1px solid black;
		width:40px;
		height:20px;
	}
	input.shift_r_pressed{
		background-color:black;
		border:1px solid black;
		color:white;
		width:40px;
		height:20px;
	}
	input.space{
		background-color:lightgray;
		border:1px solid black;
		width:180px;
		height:20px;
	}
	input.lang{
		background-color:lightgray;
		border:1px solid black;
		width:30px;
		height:20px;
	}
	input.caps{
		background-color:lightgray;
		border:1px solid black;
		width:40px;
		height:20px;
	}
	input.caps_pressed{
		background-color:black;
		border:1px solid black;
		color:white;
		width:40px;
		height:20px;
	}
	table.en_keys{
		font-size:large;
		border:1px solid black;
		direction:ltr;
		text-align:center;
	}
	table.fa_keys{
		font-size:large;
		border:1px solid black;
		direction:ltr;
		text-align:center;
	}
	</style>
</head>
<body>
	<div align="center"><div class="about" unselectable="on">By ELTaNiN</div><div id="content" class="content" onmouseover="this.focus();"></div></div>
	<div id="div_tables" align="center">
	</div>
	<script type="text/javascript">
		var content = document.getElementById('content');
		var div_tables = document.getElementById('div_tables');
		var lang = 'en';
		change_keyboard('fa_small');
		var is_shift_on = false;
		function button_letter_click(character)
		{
			content.innerHTML += character;			
			if (is_shift_on == true)
			{
				is_shift_on = false;
				if (lang == 'en')
				{
					change_keyboard('en_small');
				}
				if (lang == 'fa')
				{
					change_keyboard('fa_small');
				}
			}
		}
		
		function button_backspace_click()
		{
			if (content.lastChild == null)
				return;
			if (content.lastChild.nodeType == 3)
				content.innerHTML = content.innerHTML.substr(0,content.innerHTML.length - 1);
			else
				content.removeChild(content.lastChild);
		}
		function button_tab_click()
		{
			content.innerHTML += '\t';
		}
		function button_enter_click()
		{
			content.innerHTML += '<br/>';
		}
		function button_space_click()
		{
			content.innerHTML += ' ';
		}
		function button_fa_click()
		{
			change_keyboard('fa_small');
		}
		function button_en_click()
		{
			change_keyboard('en_small');
		}
		function change_keyboard(cmd)
		{
			if (cmd == 'en_small')
			{
				div_tables.innerHTML = "<table id=\"table_en_small\" class=\"en_keys\"><tr><td><input type=\"button\" class=\"letter\" value=\"`\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"1\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"2\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"3\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"4\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"5\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"6\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"7\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"8\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"9\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"0\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"-\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"=\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"backspace\" value=\"<-----\" onclick=\"button_backspace_click();\"/></td></tr><tr><td><input type=\"button\" class=\"tab\" value=\"TAB\" onclick=\"button_tab_click(this.value);\" /><input type=\"button\" class=\"letter\" value=\"q\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"w\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"e\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"r\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"t\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"y\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"u\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"i\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"o\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"p\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"[\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"]\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"caps\" value=\"CAPS\" onclick=\"button_caps_click('en_small');\" /><input type=\"button\" class=\"letter\" value=\"a\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"s\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"d\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"f\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"g\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"h\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"j\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"k\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"l\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\";\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"'\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"enter\" value=\"ENTER\" onclick=\"button_enter_click();\" /></td></tr><tr><td><input type=\"button\" class=\"shift_l\" value=\"SHIFT\" onclick=\"button_shift_click('en_small');\"/><input type=\"button\" class=\"letter\" value=\"z\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"x\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"c\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"v\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"b\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"n\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"m\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\",\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\".\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"/\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"shift_r\" value=\"SHIFT\" onclick=\"button_shift_click('en_small');\"/><input type=\"button\" class=\"letter\" value=\"\\\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"space\" value=\" \" onclick=\"button_space_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /></td></tr></table>";
				lang = 'en';
			}
			if (cmd == 'en_capital')
			{
				div_tables.innerHTML = "<table id=\"table_en_capital\" class=\"en_keys\"><tr><td><input type=\"button\" class=\"letter\" value=\"~\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"!\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"@\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"#\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"$\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"%\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"^\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"&\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"*\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"(\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\")\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"_\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"+\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"backspace\" value=\"<-----\" onclick=\"button_backspace_click();\"/></td></tr><tr><td><input type=\"button\" class=\"tab\" value=\"TAB\" onclick=\"button_tab_click(this.value);\" /><input type=\"button\" class=\"letter\" value=\"Q\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"W\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"E\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"R\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"T\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"Y\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"U\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"I\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"O\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"P\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"{\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"}\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"caps\" value=\"CAPS\" onclick=\"button_caps_click('en_capital');\" id=\"en_caps\"/><input type=\"button\" class=\"letter\" value=\"A\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"S\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"D\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"F\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"G\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"H\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"J\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"K\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"L\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\":\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"&quot;\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"enter\" value=\"ENTER\" onclick=\"button_enter_click();\" /></td></tr><tr><td><input type=\"button\" class=\"shift_l\" value=\"SHIFT\" onclick=\"button_shift_click('en_capital');\" id=\"en_shift_l\" /><input type=\"button\" class=\"letter\" value=\"Z\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"X\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"C\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"V\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"B\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"N\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"M\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"<\" onclick=\"button_letter_click('<span>&lt;</span>');\"/><input type=\"button\" class=\"letter\" value=\">\" onclick=\"button_letter_click('<span>&gt;</span>');\"/><input type=\"button\" class=\"letter\" value=\"?\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"shift_r\" value=\"SHIFT\" onclick=\"button_shift_click('en_capital');\" id=\"en_shift_r\" /><input type=\"button\" class=\"letter\" value=\"|\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"space\" value=\" \" onclick=\"button_space_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /></td></tr></table>";
				lang = 'en';
			}
			if (cmd == 'fa_small')
			{
				div_tables.innerHTML = "<table id=\"table_fa_small\" class=\"fa_keys\"><tr><td><input type=\"button\" class=\"letter\" value=\"÷\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"1\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"2\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"3\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"4\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"5\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"6\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"7\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"8\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"9\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"0\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"-\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"=\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"backspace\" value=\"<-----\" onclick=\"button_backspace_click();\"/></td></tr><tr><td><input type=\"button\" class=\"tab\" value=\"TAB\" onclick=\"button_tab_click(this.value);\" /><input type=\"button\" class=\"letter\" value=\"ض\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ص\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ث\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ق\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ف\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"غ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ع\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ه\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"خ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ح\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ج\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"چ\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"caps\" value=\"CAPS\" onclick=\"button_caps_click('fa_small');\" /><input type=\"button\" class=\"letter\" value=\"ش\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"س\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ی\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ب\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ل\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ا\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ت\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ن\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"م\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ک\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"گ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"enter\" value=\"ENTER\" onclick=\"button_enter_click();\" /></td></tr><tr><td><input type=\"button\" class=\"shift_l\" value=\"SHIFT\" onclick=\"button_shift_click('fa_small');\" /><input type=\"button\" class=\"letter\" value=\"ظ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ط\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ز\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ر\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ذ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"د\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ئ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"و\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\".\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"/\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"shift_r\" value=\"SHIFT\" onclick=\"button_shift_click('fa_small');\" /><input type=\"button\" class=\"letter\" value=\"پ\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"space\" value=\" \" onclick=\"button_space_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /></td></tr></table>";
				lang = 'fa';
			}
			if (cmd == 'fa_capital')
			{
				div_tables.innerHTML = "<table id=\"table_fa_capital\" class=\"fa_keys\"><tr><td><input type=\"button\" class=\"letter\" value=\"×\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"!\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"@\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"#\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"$\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"%\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"^\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"&\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"*\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"(\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\")\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"_\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"+\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"backspace\" value=\"<-----\" onclick=\"button_backspace_click();\"/></td></tr><tr><td><input type=\"button\" class=\"tab\" value=\"TAB\" onclick=\"button_tab_click(this.value);\" /><input type=\"button\" class=\"letter\" value=\"ً\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ٌ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ٍ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"$\" onclick=\"button_letter_click('ریال');\"/><input type=\"button\" class=\"letter\" value=\"،\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"؛\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\",\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"[\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"]\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"\\\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"{\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"}\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"caps\" value=\"CAPS\" onclick=\"button_caps_click('fa_capital');\" id=\"fa_caps\"/><input type=\"button\" class=\"letter\" value=\"َ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ُ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ِ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ّ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ۀ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"آ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ـ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"«\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"»\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\":\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"&quot;\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"enter\" value=\"ENTER\" onclick=\"button_enter_click();\" /></td></tr><tr><td><input type=\"button\" class=\"shift_l\" value=\"SHIFT\" onclick=\"button_shift_click('fa_capital');\" id=\"fa_shift_l\" /><input type=\"button\" class=\"letter\" value=\"ة\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ي\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ژ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ؤ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"إ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"أ\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"ء\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"letter\" value=\"<\" onclick=\"button_letter_click('<span>&lt;</span>');\"/><input type=\"button\" class=\"letter\" value=\">\" onclick=\"button_letter_click('<span>&gt;</span>');\"/><input type=\"button\" class=\"letter\" value=\"؟\" onclick=\"button_letter_click(this.value);\"/><input type=\"button\" class=\"shift_r\" value=\"SHIFT\" onclick=\"button_shift_click('fa_capital');\" id=\"fa_shift_r\" /><input type=\"button\" class=\"letter\" value=\"|\" onclick=\"button_letter_click(this.value);\"/></td></tr><tr><td><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"space\" value=\" \" onclick=\"button_space_click();\" /><input type=\"button\" class=\"lang\" value=\"FA\" onclick=\"button_fa_click();\" /><input type=\"button\" class=\"lang\" value=\"EN\" onclick=\"button_en_click();\" /></td></tr></table>";
				lang = 'fa';
			}
		}
		function button_shift_click(cmd)
		{
			if (cmd == 'en_small')
			{
				is_shift_on = true;
				change_keyboard('en_capital');
				var en_caps = document.getElementById('en_caps');
				var en_shift_l = document.getElementById('en_shift_l');
				var en_shift_r = document.getElementById('en_shift_r');
				en_shift_l.className = 'shift_l_pressed';
				en_shift_r.className = 'shift_r_pressed';
				en_caps.className = 'caps';
			}
			if (cmd == 'en_capital')
			{
				is_shift_on = false;
				change_keyboard('en_small');
			}
			if (cmd == 'fa_small')
			{
				is_shift_on = true;
				change_keyboard('fa_capital');
				var fa_caps = document.getElementById('fa_caps');
				var fa_shift_l = document.getElementById('fa_shift_l');
				var fa_shift_r = document.getElementById('fa_shift_r');
				fa_shift_l.className = 'shift_l_pressed';
				fa_shift_r.className = 'shift_r_pressed';
				fa_caps.className = "caps";
			}
			if (cmd == 'fa_capital')
			{
				is_shift_on = false;
				change_keyboard('fa_small');
			}
		}
		function button_caps_click(cmd)
		{
			if (cmd == 'en_small')
			{
				change_keyboard('en_capital');
				var en_caps = document.getElementById('en_caps');
				var en_shift_l = document.getElementById('en_shift_l');
				var en_shift_r = document.getElementById('en_shift_r');
				en_caps.className = 'caps_pressed';
				en_shift_l.className = 'shift_l';
				en_shift_r.className = 'shift_r';
			}
			if (cmd == 'en_capital')
			{
				change_keyboard('en_small');
			}
			if (cmd == 'fa_small')
			{
				change_keyboard('fa_capital');
				var fa_shift_l = document.getElementById('fa_shift_l');
				var fa_shift_r = document.getElementById('fa_shift_r');
				var fa_caps = document.getElementById('fa_caps');
				fa_caps.className = 'caps_pressed';
				fa_shift_l.className = 'shift_l';
				fa_shift_r.className = 'shift_r';
			}
			if (cmd == 'fa_capital')
			{
				change_keyboard('fa_small');
			}
		}
	</script>
</body>
</html>